        main {
            width: 1500px;
        }
        /* 白底区域 */
        
        .fffbg-container {
            position: relative;
            width: 1500px;
            box-shadow: 0 5px 10px 0 #888;
            /* background: url(../images/projectBj.jpg) no-repeat center / cover; */
            background-color: #fff;
        }
        
        #iconbox {
            position: absolute;
            bottom: -12px;
            left: 47%;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background-color: #000;
        }
        
        #icon-down {
            position: absolute;
            top: -5px;
            left: -2px;
            color: #fff;
            font-size: 30px;
        }
        
        .items-container {
            margin: 0 auto;
            width: 1400px;
            height: 420px;
        }
        /* 蓝色盒子 */
        
        .BlueBox {
            position: relative;
            margin: 0 auto;
            width: 1070px;
            height: 30px;
        }
        
        .Bluesquare {
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -500px;
            width: 1000px;
            height: 30px;
            /* text-align: center; */
            background-color: #004f88;
        }
        
        .Bluesquare .info {
            font-size: 12px;
            color: #fff;
            vertical-align: middle;
        }
        
        .Bluesquare .info {
            position: absolute;
            top: 10px;
            left: 184px;
        }
        
        .tangle1 {
            position: absolute;
            left: 5px;
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-right-color: #004f88;
            border-top-color: #004f88;
        }
        
        .tangle2 {
            position: absolute;
            right: 5px;
            width: 0;
            height: 0;
            border: 15px solid transparent;
            border-left-color: #004f88;
            border-top-color: #004f88;
        }
        /* news */
        
        .news-box {
            position: absolute;
            top: 5px;
            left: 52px;
            width: 70px;
            height: 20px;
            vertical-align: middle;
            background: linear-gradient(#4892cd 50%, #1169ab 50%);
        }
        
        .news-box .square {
            width: 50px;
            height: 15px;
            font-size: 12px;
            text-align: right;
            padding-top: 5px;
            color: #fff;
            background: linear-gradient(#4892cd 50%, #1169ab 50%);
        }
        
        .news-box .tangle-white-1 {
            position: absolute;
            top: 0;
            right: 0;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-right-color: #004f88;
            border-top-color: #004f88
        }
        
        .news-box .tangle-white-2 {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-right-color: #004f88;
            border-bottom-color: #004f88;
            /* border-right-color: #fff;
    border-bottom-color: #fff; */
            z-index: 5;
        }
        
        .items-box {
            padding-top: 60px;
            margin: 0 auto;
            width: 1000px;
            display: flex;
            justify-content: space-between;
            text-align: center;
        }
        
        .items-box .item {
            width: 300px;
            height: 265px;
            background-color: #fff;
            box-shadow: 2px 7px 5px #999;
        }
        
        .items-box .item p {
            font-size: 12px;
            color: #525252;
        }
        
        .items-box .item p:nth-of-type(1) {
            margin-top: 20px;
            font-size: 18px;
            color: #12151c;
        }
        
        .items-box .item p:nth-of-type(2) {
            margin: 15px 0;
        }
        /* 阴影盒子 */
        
        .shadow-box {
            margin: 0 auto;
            width: 1400px;
            height: 30px;
            box-shadow: 0 15px 20px -12px gray;
            /* background: radial-gradient( #dbdbdb, #fff 70%) */
        }
        /*项目概况 */
        
        .project-contianer {
            margin: 0 auto;
            margin-top: 40px;
            width: 1000px;
            height: 450px;
        }
        
        h3 {
            text-align: center;
            font-size: 26px;
            padding: 20px 0;
        }
        
        .navigation-box {
            float: left;
            width: 540px;
            height: 320px;
            background-color: greenyellow;
        }
        /* 项目右边文字 */
        
        .project-right-box {
            margin-left: 60px;
            margin-top: 60px;
            float: left;
        }
        
        .project-right-box p {
            margin: 10px 0;
            font-size: 14px;
            color: #525252;
        }
        
        .project-right-box p:nth-of-type(1) {
            margin: 20px 0;
            font-weight: bold;
            font-size: 20px;
        }
        
        .project-right-box p i {
            font-style: italic;
        }
        
        .project-right-box .btn-box {
            margin-top: 30px;
        }
        
        .project-right-box .btnBox {
            background: linear-gradient(#4e4f50, #000)
        }
        
        .project-right-box .btnBox .btnShare {
            background: linear-gradient(#4e4f50, #000)
        }
        
        .project-right-box .iconBox {
            border-left: 1px solid rgb(145, 144, 144);
        }
        
        .project-right-box .icon-share {
            color: #fff;
        }
        /* 关于我们 */
        
        .about-contianer {
            padding: 30px 0;
            width: 1500px;
            height: 400px;
            background-color: #ebebeb;
        }
        
        .about-items-box {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            justify-content: space-around;
            align-items: center;
            margin: 0 auto;
            margin-top: 30px;
            width: 1000px;
            height: 250px;
        }
        /*  */
        
        .abouot-item {
            padding: 0 50px;
            display: flex;
            width: 230px;
            height: 77px;
        }
        
        .abouot-item .imgBox {
            width: 80px;
            height: 80px;
        }
        
        .abouot-item .imgBox img {
            width: 100%;
            display: block;
        }
        
        .item-right-box {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 0 20px;
            padding-top: 20px;
        }
        
        .item-right-box p {
            color: #525252;
        }
        
        .weibo-box {
            border: 2px solid red;
            border-radius: 6px;
        }
        
        .weibo-box span {
            display: inline-block;
            text-align: center;
            width: 60px;
            height: 20px;
            line-height: 20px;
        }
        
        .weibo-box span:first-child {
            width: 15px;
            background-color: #fff;
        }
        
        .weibo-box span:last-child {
            color: #fff;
            background-color: red;
        }
        
        .weibo-box .weibo {
            color: red;
            /* margin-left: 2px; */
        }